<div class="jumbotron">
    <h3>Admin panel</h3>
    <button ng-if="stuff.section==null" class="btn btn-primary" ng-click="stuff.section='MANAGE_USERS'">
        Manage users
    </button>
    <button ng-if="stuff.section==null" class="btn btn-primary" ng-click="stuff.section='MANAGE_EVENTS'">Manage events</button>


    <div ng-if="stuff.section=='MANAGE_USERS'">
    <h4>Manage users</h4>
        Browse people from an event: <input value="igdsSg82"><br>
        <img src="images/manage_ppl_users.png" height="400px">
        <table class="center-table">
            <tr>
                <td>
                    Ban person:
                </td>
                <td>
                    <input placeholder="Url or name from the list" style="margin-right:8px">
                </td>
                <td>
                    <button class="btn btn-danger">X</button>
                </td>
            </tr>
            <tr>
                <td>
                    Send notification:
                </td>
                <td>
                    <input placeholder="Url or name from the list" style="margin-right:8px">
                </td>
                <td>
                    <button class="btn btn-primary" ng-click="stuff.section='SEND_NOTIFICATION'">OK</button>
                </td>
            </tr>
        </table>



    </div>
    <div ng-if="stuff.section=='MANAGE_EVENTS'">
    <h4>Manage events</h4>
        Browse an event: <input value="igdsSg82"><br>
        People involved: 11
        <div class="create-event-form">
            <div class="row">
                <div class="col-md-12" style="margin-left:10px">
            <strong>Change Event Url:</strong> <input style="width:400px;margin-left:30px;" placeholder="https://www.facebook.com/AGH.Krakow/posts/10153039731360662"><br>
                    </div>
                </div>

            <div class="row">
                <div class="col-md-offset-2 col-md-2">
                    <strong>Visualisation </strong>:
                </div>
                <div class="col-md-3">
                    <table>
                        <tr>
                            <td>
                                <input type="radio" >

                            </td>
                            <td>
                                Race
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="radio" >

                            </td>
                            <td>
                                Bars
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="radio" >

                            </td>
                            <td>
                                Numbers
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="radio" >

                            </td>
                            <td>
                                Roulette
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input type="radio" checked>

                            </td>
                            <td>
                                Tournament
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-md-offset-1 col-md-5" style="margin-left:150px;">
                    <strong>Number of winners:</strong> <input ng-model="event.winnersNumber" width="30px" style="margin-left:20px">
                </div>
            </div>
            <div>
                <button class="btn btn-primary" style="margin-top:10px" >OK</button>
            </div>
        </div>



    </div>
    <div ng-if="stuff.section=='SEND_NOTIFICATION'">
        <h4>Send notification</h4>

        <img src="images/chlebda.png"><br>
        <textarea rows="5" cols="30" style="margin-left:50px;margin-top:10px;">Hello Asia.
You have won the event created by Thomas. Please contact him for further info.
        </textarea><br>
        <button class="btn btn-primary">Send</button>
    </div>
</div>
